body{
  width: 100%;
  height: 100%;
  .app-home {
    // height: 100%;
    width: 100%;
  
    .home-swiper {
      width: 100%;
      height: 200px !important;
      border: 1px solid #ccc;
      margin-bottom: 20px;
      .swiper-wrapper {
        height: 200px;
        width: 100%;
  
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        
      }
    }
  /*   .swiper{
      height: 200px;//这个会和其他样式相互影响,不行就用
      overflow: visible;//清晰可见
    } */
    .home-content {
      border: 1px solid #ccc;
      justify-content: space-between;
      padding-bottom: 100px;
  
      div {
  
        margin: 15px auto;
      }
      .contentone {
        width: 344px;
        .contentone-lt {
          width: 150px;
          height: 150px;
          font-size: 10px;
          border-radius: 15px;
          margin-right: 20px;
          background: url("../lib/imgs/login1.jpg") no-repeat center;
          background-color: rgb(94, 177, 255);
          background-size: cover;
          padding: 10px;
          span {
            color: #fff;
            font-size: 13px;
          }
          p {
            font-size: 20px;
            color: #fff;
            margin-top: 16px;
          }
        }
        .contentone-rt {
          width: 212px;
          height: 150px;
          font-size: 14px;
          border-radius: 12px;
          background: url("../lib/imgs/login3.jpg") no-repeat 70% 60%;
          background-color: rgb(94, 177, 255);
          background-size: cover;
          position: relative;
          padding: 10px;
  
          .cumulativeclock {
            font-size: 14px;
            color: #fff;
          }
          button {
            width: 70px;
            height: 30px;
            color: rgb(245, 239, 239);
            border-radius: 20px;
            font-size: 12px;
            background-color: transparent;
            border: 3px solid rgb(231, 226, 224);
            position: absolute;
            bottom: 10px;
            left: 10px;
          }
        }
      }
  
      .contenttwo {
        width: 344px;
        .contenttwo-lt {
          width: 180px;
          height: 110px;
          font-size: 12px;
          border-radius: 15px;
          background: url("../lib/imgs/all1.jpg") no-repeat center;
          background-size: cover;
          color: #fff;
          margin-right: 20px;
        }
        .contenttwo-rt {
          width: 185px;
          height: 110px;
          font-size: 1px;
          border-radius: 15px;
          background: url("../lib/imgs/login1.jpg") no-repeat center;
          background-size: cover;
          color: #fff;
          padding: 10px;
        }
      }
      .contentthree {
        width: 344px;
        height: 140px;
        border-radius: 15px;
        background: url("../lib/imgs/home5.jpg") no-repeat center;
  
        background-size: cover;
        color: #fff;
        margin-bottom: 20px;
        padding: 10px;
      }
      .contentthree1{
        width: 344px;
        height: 140px;
        border-radius: 15px;
        color: #fff;
        margin-bottom: 20px;
        padding: 10px;
        background: url('../lib/imgs/home4.jpg' ) no-repeat center;
        background-size: cover;
      }
    }
  /* 
    //尾部样式
     .foot {
      width: 100%;
      height: 60px;
      background-color: rgb(210, 245, 250);
      position: fixed;
      bottom: 0;
  
      display: flex;
      flex: 1;
      justify-content: space-around;
      margin: 10px 0 0;
  
      li {
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        p {
          color: rgb(128, 128, 126);
          font-size: 12px;
        }
        
      }
      .active{
        color:#4294ff ;
      }
    }   */
  }
}
